<template>
    <div class="demo">
        <h2 class="title">学生姓名：{{ name }}</h2>
        <h2 class="qwe">学生性别：{{ sex }}</h2>
    </div>
</template>

<script>
export default {
    name: "StudentInfo",
    data() {
        return {
            name: "胡桃",
            sex: "女",
        };
    },
};
</script>

<style scoped lang="less">
.demo {
    background-color: rgb(0, 255, 115);
    .qwe {
        font-size: 40px;
    }
}
</style>